@import '../../../projects/style/styles/report.less';

.control-div {
    height: inherit;
    width: var(--rightCtnHeight);
    background: #fff;
    padding: var(--count);
}

.control-header {
    margin-bottom: var(--count);
}

.control-header-tags {
    height: var(--headerTagsheight);
    position: var(--relative);
    box-shadow: var(--divBoxshadow);
    display: var(--divblock);
    border-radius: var(--borderRadius);
    cursor: var(--cursor);
}

.control-header-tags>span {
    position: var(--absolute);
    top: var(--positive);
    transform: translate(var(--negative), var(--negative));
    left: var(--positive);
    font-size: var(--count);
}

.control-body {
    display: var(--flex);
    justify-content: var(--justifyContent);
}

.control-left {
    box-shadow: var(--divBoxshadow);
    border-radius: var(--borderRadius);
}

.search_input {
    display: var(--inlineBlock);
    width: var(--positive);
    padding: var(--controlTimePadding);
    box-sizing: var(--boxSizing);
}

.control-left-ctn {
    padding: var(--count);
    box-sizing: var(--boxSizing);
}

.control-div-data {
    padding: var(--divDataPadding);
    border-top: var(--divDataBorderTop);
    text-align: var(--justifyContent);
}

.option-div {
    padding: var(--optionDiv);
}

.column-div {
    margin: var(--columnDiv);
    display: var(--flex);
}

.column-title {
    display: var(--inlineBlock);
    text-align: var(--textRight);
    margin-right: var(--count);
    flex: var(--columnTitleFlex);
    max-width: var(--columnTitleWidth);
    width: var(--columnTitleWidth);
}

.column-list {
    flex: var(--columnList);
    display: var(--flex);
}

.column-list>div {
    margin: var(--columnListDiv);
    cursor: var(--cursor);
    text-align: var(--justifyContent);
}

.column-list>div:first-child {
    margin-left: var(--initCount);
}

.control-right-ctn {
    box-sizing: var(--boxSizing);
    margin-left: var(--count);
    height: var(--rightCtnHeight);
}

.tagsactive {
    background-color: var(--divbgColor);
}

.surveillance-title {
    display: var(--divblock);
    padding: var(--surveillanceTitlePadding)
}

.surveillance-title>h5 {
    display: var(--divblock);
    border-bottom: var(--surveillanceTitleTitle);
    text-align: var(--justifyContent);
    font-size: var(--count);
    line-height: var(--surveillanceTitleTitleLineHeight);
}

.surveillance {
    box-shadow: var(--divBoxshadow);
    border-radius: var(--borderRadius);
    margin-bottom: var(--count);
    padding: var(--surveillancePadding);
    box-sizing: var(--boxSizing);
}

.operating,
.alloperating {
    box-shadow: var(--divBoxshadow);
    border-radius: var(--borderRadius);
    box-sizing: var(--boxSizing);
    padding: var(--surveillancePadding);
}

.operating {
    height: var(--operating);
}

.alloperating {
    height: var(--rightCtnHeight);
}

.monitor-btn {
    flex: var(--monitorBtnFlex);
    width: var(--monitorBtnWidth);
    padding: var(--btnpadding);
    height: var(--mincontent);
    text-align: var(--justifyContent);
    font-weight: var(--fontWeight);
    border: var(--divDataBorderTop);
    border-radius: var(--borderRadius);
    margin-bottom: var(--count);
    cursor: var(--cursor);
}

.surveillance-body {
    margin-top: var(--count);
    display: var(--flex);
    flex-wrap: var(--flexWrap);
    justify-content: var(--surveillancebodyContent);
}

.features-module {
    display: var(--divblock);
    width: var(--rightCtnHeight);
    font-size: var(--featuresmoduleFontSize);
    font-weight: var(--fontWeight);
    cursor: var(--cursor);
}

.features-module>span {
    display: var(--divblock);
    margin-bottom: var(--featuresmodulespanMarginBottom);
}

.features-btnlist {
    display: var(--flex);
    flex-wrap: var(--flexWrap);
    justify-content: var(--surveillancebodyContent);
}

.features-btn {
    flex: var(--initCount) var(--columnList) var(--featuresBtnWidth);
    width: var(--featuresBtnWidth);
    max-width: var(--featuresBtnWidth);
    padding: var(--btntowpadding);
    box-sizing: var(--boxSizing);
    height: var(--mincontent);
    margin: var(--featuresBtnMargin);
    text-align: var(--justifyContent);
    border: var(--divDataBorderTop);
    border-radius: var(--borderRadius);
}

.left-ctn-header {
    display: var(--flex);
}

.control-time {
    padding: var(--controlTimePadding);
    box-sizing: var(--boxSizing);
}

.settings{
    position: fixed;
    bottom: var(--featuresmodulespanMarginBottom);
    right: var(--featuresmodulespanMarginBottom);
    padding: var(--settingspadding);
    border-radius: var(--featuresmodulespanMarginBottom);
    border: 1px solid;
}

.modal-footer{
    text-align: var(--textRight);
    margin-top: var(--fontsize);
}

.modal-title{
    font-size: var(--featuresmoduleFontSize);
}

.modal-data{
    border: 1px solid;
    margin-bottom: var(--featuresmodulespanMarginBottom);
}

.modal-item-div{
    margin: var(--columnDiv);
}

.switch-div{
    text-align: var(--textRight);
}

.modal-item .ant-row{
    display: var(--flex);
    flex-wrap: wrap;
}